<template>
	<view class="user-container flexC-FS-C">
		<view class="width100 flexC-FS-C bg-white">
			<view class="title flexR-Cen">
				{{notice.title}}
			</view>
			<view class="footer">时间: {{notice.timeStr}}</view>
		</view>
		<view class="flex-sub bg-white">
			<view class="content">
				<p>尊敬的业主：</p>
				<p>根据上级机关文件指示精神，保障小区设施设备及业主人身、财产的安全;为增强我管理区域护卫人员素质及全体员工的.消防意识，提高员工抗御初期火灾的能力，我管理处特定于2024年12月30日在本小区停车场举行消防演习，欢迎各位业主到场观摩。
				</p>
				<p>特此通知!</p>
				<p>管理处</p>
				<p>2024-11-05 17:50</p>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				notice: {
					title: "小区停车场举行消防演习",
					timeStr: "2024-11-05 17:50"
				},
			};
		},
		methods: {}
	};
</script>
<style lang="scss">
	.user-container {
		width: 100%;
		padding: 20rpx;
		box-sizing: border-box;
		background-color: #F1F1F1;

		.title {
			width: 100%;
			border-bottom: 2rpx solid rgba(0, 0, 0, 0.1);
			padding: 30rpx 0 50rpx;
			color: #000;
			font-weight: bold;
		}
	}

	.notice {
		margin: 10rpx 7rpx;
		padding: 25rpx;
		background-color: #ffffff;
		border-radius: 7rpx;
	}

	.title {
		border-bottom: 1rpx solid #dedede;
		font-weight: 700;
		font-size: 34rpx;
		color: #00AA00;
	}

	.content {
		padding: 20rpx;
		font-size: 28rpx;
		color: #7B7B7B;
		box-sizing: border-box;
		p {
			text-indent: 30rpx;
			margin-top: 10rpx;
			line-height: 40rpx;
		}
	}

	.footer {
		padding: 15rpx 0;
		font-size: 22rpx;
		color: #ADADAD;
	}
</style>